@font-face {
  font-family: 'fanscard';
  src: url('//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf');
}
.reply-content-container.fold .reply-content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.reply-content-container .reply-content {
  color: var(--text1);
  overflow: hidden;
  word-wrap: break-word;
  word-break: break-word;
  white-space: pre-wrap;
  line-height: 24px;
  vertical-align: baseline;
}
.reply-content-container .reply-content .note-prefix {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1px 4px;
  border-radius: 4px;
  margin-right: 8px;
  font-size: 12px;
  color: var(--text3);
  line-height: 20px;
  vertical-align: bottom;
  background-color: var(--bg2);
}
.reply-content-container .reply-content .note-prefix .note-icon {
  width: 16px;
  height: 16px;
}
.reply-content-container .reply-content .top-icon {
  top: -2px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 30px;
  height: 18px;
  border: 1px solid var(--brand_pink);
  border-radius: 3px;
  margin-right: 5px;
  font-size: 12px;
  color: var(--brand_pink);
}
.reply-content-container .reply-content .emoji-small {
  vertical-align: text-bottom;
}
@media screen and (max-width: 1681px) {
.reply-content-container .reply-content .emoji-small {
    width: 20px;
    height: 20px;
}
}
@media screen and (min-width: 1681px) {
.reply-content-container .reply-content .emoji-small {
    width: 22px;
    height: 22px;
}
}
.reply-content-container .reply-content .emoji-large {
  width: 50px;
  height: 50px;
  vertical-align: text-bottom;
}
.reply-content-container .reply-content .icon {
  width: 20px;
  height: 20px;
  vertical-align: text-top;
}
@media screen and (max-width: 1681px) {
.reply-content-container .reply-content .icon {
    line-height: 24px;
}
}
@media screen and (min-width: 1681px) {
.reply-content-container .reply-content .icon {
    line-height: 26px;
}
}
.reply-content-container .reply-content .icon.search-word {
  width: 12px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
}
.reply-content-container .reply-content .jump-link {
  vertical-align: baseline;
}
@media screen and (max-width: 1681px) {
.reply-content-container .reply-content .jump-link {
    line-height: 24px;
}
}
@media screen and (min-width: 1681px) {
.reply-content-container .reply-content .jump-link {
    line-height: 26px;
}
}
.reply-content-container .expand-content {
  font-size: 14px;
  color: var(--text_link);
  cursor: pointer;
}
.reply-content-container .expand-content:hover {
  color: var(--brand_blue);
}
